<template>
  <div class="msg-video">
  	<video v-if="props.data" 
  		:src="props.data"
  		width="400"
  		height="300"
  		controls></video>
  </div>
</template>

<script setup>
	import { reactive, ref, onMounted } from 'vue'

	const props = defineProps({
		data: {
			type: String,
			default: ''
		}
	})

	onMounted(() => {
	
	})

</script>

<style scoped>
.msg-video {
	width: 400px;
	height: 300px;
}
</style>